<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智慧社区</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/Iconfont.css">
    <link rel="stylesheet" href="./css/h-tab.css">
    <link rel="stylesheet" href="./css/community.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/h-tab.js"></script>
</head>

<body>

    <div class="banner">
        <img src="./img/com-banner.png" alt="">
    </div>

    <div class="function paddingTB line-bg">
        <div class="w1200">

            <div class="head-title" style="background-image: url(./img/function.png);">
                <p>产品功能</p>
            </div>

            <div class="h-tab">

                <div class="h-tab-option">

                    <div class="h-tab-option-item h-tab-option-active">

                        <div class="h-tab-option-item-abbr">
                            <!-- <span class="iconfont icon-xinyongfen"></span>信用评价 -->
                            <img src="./img/信用.png" alt="">信用评价
                        </div>

                        <div class="h-tab-option-item-detail">
                            <!-- <p><span class="iconfont icon-xinyongfen"></span>信用评价</p> -->
                            <p><img src="./img/信用.png" alt="">信用评价</p>
                            <p>营造公平竞争，诚信透明的市场环境，打造以物业信用和诚信体系为中心的社区生态平台</p>
                        </div>

                    </div>

                    <div class="h-tab-option-item">

                        <div class="h-tab-option-item-abbr">
                            <!-- <span class="iconfont icon-zhili"></span>社区治理 -->
                            <img src="./img/治理.png" alt="">社区治理
                        </div>

                        <div class="h-tab-option-item-detail">
                            <!-- <p><span class="iconfont icon-zhili"></span>社区治理</p> -->
                            <p><img src="./img/治理.png" alt="">社区治理</p>
                            <p>加强社区治理体系建设，推动社会治理重心向基层下移，发挥社会组织作用，实现政府
                                治理和社会调节、居民自治良性互动</p>
                        </div>

                    </div>

                    <div class="h-tab-option-item">

                        <div class="h-tab-option-item-abbr">
                            <!-- <span class="iconfont icon-wuyeguanli"></span>物业管理 -->
                            <img src="./img/领带经纪人面性拷贝.png" alt="">物业管理
                        </div>

                        <div class="h-tab-option-item-detail">
                            <!-- <p><span class="iconfont icon-wuyeguanli"></span>物业管理</p> -->
                            <p><img src="./img/领带经纪人面性拷贝.png" alt="">物业管理</p>
                            <p>减少物业投入成本，提升物业服务水平，创新物业管理模式</p>
                        </div>

                    </div>

                </div>

                <div class="h-tab-content">
                    <div class="h-tab-content-item h-tab-content-active">
                        <img src="./img/com-zu01.png" alt="">
                    </div>

                    <div class="h-tab-content-item">
                        <img src="./img/com-zu02.png" alt="">
                    </div>

                    <div class="h-tab-content-item">
                        <img src="./img/com-zu03.png" alt="">
                    </div>
                </div>

            </div>

            <div id="mb-comfunction" class="mb-comfunction">
                <div class="panel-group" id="comfunction_panel">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="iconfont" data-toggle="collapse" data-parent="#comfunction_panel" href="#产品">
                                <img src="./img/active/只是文档.png">信用评价
                            </a>
                        </div>
                        <div id="产品" class="panel-collapse collapse in">
                            <div class="panel-body">
                                <p>营造公平竞争，诚信透明的市场环境，打造以物业信用和诚信体系为中心的社区生态平台</p>
                                <img src="./img/ant-b/ant-rd01.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="iconfont" data-toggle="collapse" data-parent="#comfunction_panel" href="#解决方案">
                                <img src="./img/active/合同.png">城市市场
                            </a>
                        </div>
                        <div id="解决方案" class="panel-collapse collapse">
                            <div class="panel-body">
                                <img src="./img/ant-b/ant-rd02.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a class="iconfont" data-toggle="collapse" data-parent="#comfunction_panel" href="#项目案例">
                                项目案例
                            </a>
                        </div>
                        <div id="项目案例" class="panel-collapse collapse">
                            <div class="panel-body">
                                <img src="./img/ant-b/ant-rd03.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <script>
                $(document).ready(function () {
                    $('.collapse.in').prev('.panel-heading').addClass('active');
                    $('#mb-comfunction')
                        .on('show.bs.collapse', function (a) {
                            $(a.target).prev('.panel-heading').addClass('active');
                        })
                        .on('hide.bs.collapse', function (a) {
                            $(a.target).prev('.panel-heading').removeClass('active');
                        });
                });
            </script>

        </div>

    </div>

    <div class="paddingTB">
        <div class="w1200">

            <div class="head-title" style="background-image: url(./img/community.png);">
                <p>孪生社区</p>
            </div>

            <div>
                <img class="full-picture" src="./img/com-commonity-pic.png" alt="图片丢失">
            </div>

        </div>
    </div>

    <div class="value paddingTB" style="background-image: url(./img/value-bg.png);">
        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/value.png);">
                <p>应用价值</p>
            </div>

            <div class="value-content">
                <div class="d-flex">

                    <div class="d-flex-item">
                        <img src="./img/com-icon01.png" alt="">
                        <p>业主和业委会</p>
                        <p>强能力，当主任<br>增强归属感、幸福感</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/com-icon02.png" alt="">
                        <p>物业企业</p>
                        <p>强监管、里全责<br>营造公平竞争的市场环境</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/com-icon03.png" alt="">
                        <p>监督部门</p>
                        <p>强机构、明责任<br>加强党建引领推进能力</p>
                    </div>

                </div>
            </div>

        </div>
    </div>

    <div class="scenarios paddingTB">

        <div class="w1200">
            <div class="head-title" style="background-image: url(./img/scenarios.png);">
                <p>应用场景</p>
            </div>

            <div class="scenarios-content">
                <div class="d-flex">

                    <div class="d-flex-item">
                        <img src="./img/com-s01.png" alt="">
                        <p>智慧门禁</p>
                        <p>APP开门、密码门禁、临时访客授权等多功能一体，提升业主体验、保障社区安全、提升物业效益,实现高效率更安全的通行管</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/com-s02.png" alt="">
                        <p>电子投票</p>
                        <p>手机操作简单方便，大幅度提高投票参与度，同时支持线上线下投票，多种规则满足复杂投票需求，投票数据不可慕改，保证投票结果的公平、公开、公正。</p>
                    </div>

                    <div class="d-flex-item">
                        <img src="./img/com-s03.png" alt="">
                        <p>社区服务</p>
                        <p>与综治平台对接，为广大业主提供丰富的社区服务，打造在线查看，在线预约，在线填表，在线办理的服务场景,实现“智”于政务，“慧”及民生。</p>
                    </div>

                </div>
            </div>
        </div>

    </div>

</body>

</html>